<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html"/>
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/datepicker/datepicker3.css" />
    <script src="${request.contextPath}/statics/plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="${request.contextPath}/statics/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <form class="form-inline" role="form">
            <div class="form-group">
                <input type="text" class="form-control" id="businessName" @keyup.enter="query" placeholder="业务名称">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" id="userId" @keyup.enter="query" placeholder="用户标识">
            </div>
            <div class="form-group">
                <label class="">预约状态:</label>
                <select class="form-control" id="bookState">
                    <option value="" disabled="disabled" selected>请选择....</option>
                    <option value="0">已预约</option>
                    <option value="1">已到达</option>
                    <option value="2">已取消</option>
                </select>
            </div>
            <div class="form-group">
                <select class="form-control" id="cgsId">
                    <option value="">请选择车管所...</option>
                    <option v-for="item in cgsList" :value="item.id">{{item.cgs_name}}</option>
                </select>
            </div>
            <div class="form-gorup input-daterange input-group" id="datepicker_range" >
                <input id="datepicker_start" type="text" class="form-control" style="width: 100px;" name="start" readonly placeholder="预约日期始"/>
                <span class="input-group-addon">至</span>
                <input id="datepicker_end" type="text" class="form-control" style="width: 100px;" name="end" readonly placeholder="预约日期止"/>
            </div>
            <div class="form-group grid-btn">
                <a class="btn btn-default" @click="query">查询</a>
            </div>
        </form>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:70%!important;">
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">预约业务id</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.businessId"
                           placeholder="预约业务id"/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">用户id</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.userId"
                           placeholder="用户id"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">车管所id</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.cgsId"
                           placeholder="车管所id"/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">预约日期</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.bookDate"
                           placeholder="预约日期"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">预约时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.bookTime"
                           placeholder="预约时间"/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">0已预约1已到达2已取消</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.status"
                           placeholder="0已预约1已到达2已取消"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">到达时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.arriveTime"
                           placeholder="到达时间"/>
                </div>
                <div class="col-sm-2 control-label" style="width: 10%;">取消时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.cancelTime"
                           placeholder="取消时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label" style="width: 10%;">创建时间</div>
                <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="tCgsBusinessBookInfo.createTime"
                           placeholder="创建时间"/>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/cgs/tcgsbusinessbookinfo.js?_${.now?long}"></script>
</body>
</html>